<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
     <%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
<meta charset="UTF-8">
<title>Insert title here</title>
	<link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="all">
	<link rel="stylesheet" href="css/font-awesome.css" type="text/css" media="all">
	<link rel="stylesheet" href="css/owl.carousel.css" type="text/css" media="all" />
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
	<link href="http://fonts.googleapis.com/css?family=Molle:400i&amp;subset=latin-ext" rel="stylesheet">
	<link href="http://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&amp;subset=latin-ext" rel="stylesheet">
	<link href="http://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext"
	    rel="stylesheet">
</head>
<body>
	<div class="w3l-main" id="home" style="height:150px;">
		<!-- Slider -->
		<div class="slider" style="height:300px;">
			<div class="callbacks_container" style="height:300px;">
				<ul class="rslides" id="slider" style="height:300px;">
					<li style="height:300px;">
						<div class="slider-img-w3layouts four">
							<div class="w3l-overlay">
								<div class="container">
									<div class="banner-text-info">
										<h3>&nbsp;
											<span>&nbsp;</span> &nbsp;
											<span>&nbsp;</span>&nbsp;</h3>
										<p>加入我们，宠物救助中心。给宠物一个家……</p>
									</div>
								</div>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="clearfix"></div>
		</div>
		<!--//Slider-->
	</div>
	<div class="nav-links">
		<nav class='navbar navbar-default' style="width:100%;">
			<div class='container' style="width:100%;">
				<div class='collapse navbar-collapse'  style='width:100%'>
					<ul style='width:100%'>
			           <li style="width:110px;"><a href="i18n" ><spring:message code="s1"></spring:message></a></li>
			           <li style="width:110px;"><a href="UserSelectPet" target="index"> <spring:message code="s2"></spring:message></a></li>
			           <li style="width:110px;"><a href="UserSelectCommon" target="index"> <spring:message code="s3"></spring:message></a></li>
			           <li style="width:110px;"> <a href="getOrderDetail" target="index"><spring:message code="s4"></spring:message></a></li>
			           <li style="width:110px;"><a href="InLogin" target="index"><spring:message code="s5"></spring:message></a></li>
			           <li style="width:110px;"><a href="login" ><spring:message code="s6"></spring:message></a></li>
			
			           <li style="width:110px;"><a href="jsp/user/addCommon.jsp" target="index"> <spring:message code="s8"></spring:message></a></li>
			           <li style="width:110px;"><a href="UserSelectMyCommon" target="index"> <spring:message code="s9"></spring:message></a></li>
			           <li style="width:110px;"><a href="selectAllNotice1" target="index"> <spring:message code="s10"></spring:message></a></li>
			           <li style="width:110px;"><a href="i18n?locale=zh_CN"><spring:message code="chinese"></spring:message></a></li>
			           <li style="width:110px;"><a href="i18n?locale=en_US"><spring:message code="english"></spring:message></a></li>
					</ul>
				</div>
			</div>
		</nav>
	</div>
	<Br><Br><Br>
		<iframe frameborder="0" src="MainPet" name="index" style="width:100%;" id="frame_content"></iframe> 
		<script type="text/javascript">
 function reinitIframe(){
	    var iframe = document.getElementById("frame_content");
	    try{
	        var bHeight = iframe.contentWindow.document.body.scrollHeight,
	            dHeight = iframe.contentWindow.document.documentElement.scrollHeight,
	            height = Math.max(bHeight, dHeight);
	            iframe.height =  height;
	    }catch (ex){}

	}
	window.setInterval("reinitIframe()", 200);
	</script> 
	
	<!-- Modal5 -->
	<div id="gallery" class="gallery">
		<div class="agileinfo-gallery-row">
			<div class="col-md-3 col-sm-3 col-xs-4 w3gallery-grids">
				<a href="images/m1.jpg" class="imghvr-hinge-right figure">
					<img src="images/m1.jpg" alt="" title="Cat Life Image" />
				</a>
			</div>
			<div class="col-md-3 col-sm-3 col-xs-4 w3gallery-grids">
				<a href="images/g2.jpg" class="imghvr-hinge-right figure">
					<img src="images/g2.jpg" alt="" title="Cat Life Image" />
				</a>
			</div>
			<div class="col-md-3 col-sm-3 col-xs-4 w3gallery-grids">
				<a href="images/g3.jpg" class="imghvr-hinge-right figure">
					<img src="images/g3.jpg" alt="" title="Cat Life Image" />
				</a>
			</div>
			<div class="col-md-3 col-sm-3 col-xs-4 w3gallery-grids">
				<a href="images/m4.jpg" class="imghvr-hinge-right figure">
					<img src="images/m4.jpg" alt="" title="Cat Life Image" />
				</a>
			</div>
			<div class="col-md-3 col-sm-3 col-xs-4 w3gallery-grids">
				<a href="images/m5.jpg" class="imghvr-hinge-right figure">
					<img src="images/m5.jpg" alt="" title="Cat Life Image" />
				</a>
			</div>
			<div class="col-md-3 col-sm-3 col-xs-4 w3gallery-grids">
				<a href="images/m6.jpg" class="imghvr-hinge-right figure">
					<img src="images/m6.jpg" alt="" title="Cat Life Image" />
				</a>
			</div>
			<div class="col-md-3 col-sm-3 col-xs-4 w3gallery-grids">
				<a href="images/m3.jpg" class="imghvr-hinge-right figure">
					<img src="images/m3.jpg" alt="" title="Cat Life Image" />
				</a>
			</div>
			<div class="col-md-3 col-sm-3 col-xs-4 w3gallery-grids">
				<a href="images/m2.jpg" class="imghvr-hinge-right figure">
					<img src="images/m2.jpg" alt="" title="Cat Life Image" />
				</a>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
	<script src="js/jquery-2.2.3.min.js"></script>
	<script src="js/bootstrap.js"></script>
	<script src="js/responsiveslides.min.js"></script>
	<script>
		$(function () {
			$("#slider").responsiveSlides({
				auto: true,
				pager: true,
				nav: true,
				speed: 1000,
				namespace: "callbacks",
				before: function () {
					$('.events').append("<li>before event fired.</li>");
				},
				after: function () {
					$('.events').append("<li>after event fired.</li>");
				}
			});
		});
	</script>
	<script>
		$(window).scroll(function () {
			if ($(window).scrollTop() >= 795) {
				$('nav').addClass('fixed-header');
			} else {
				$('nav').removeClass('fixed-header');
			}
		});
	</script>
	<script src="js/simple-lightbox.min.js"></script>
	<script>
		$(function () {
			var gallery = $('.agileinfo-gallery-row a').simpleLightbox({
				navText: ['&lsaquo;', '&rsaquo;']
			});
		});
	</script>
	<script src="js/SmoothScroll.min.js"></script>
	<script src="js/move-top.js"></script>
	<script src="js/easing.js"></script>
	<script>
		jQuery(document).ready(function ($) {
			$(".scroll").click(function (event) {
				event.preventDefault();

				$('html,body').animate({
					scrollTop: $(this.hash).offset().top
				}, 1000);
			});
		});
	</script>
	<script>
		$(document).ready(function () {
			$().UItoTop({
				easingType: 'easeOutQuart'
			});

		});
	</script>
	<script src="js/owl.carousel.js"></script>
	<script>
		$(document).ready(function () {
			$("#owl-demo").owlCarousel({
				items: 3,
				lazyLoad: true,
				autoPlay: true,
				pagination: true,
			});
		});
	</script>
<script type="text/javascript">
 function reinitIframe(){
	    var iframe = document.getElementById("frame_content");
	    try{
	        var bHeight = iframe.contentWindow.document.body.scrollHeight,
	            dHeight = iframe.contentWindow.document.documentElement.scrollHeight,
	            height = Math.max(bHeight, dHeight);
	            iframe.height =  height;
	    }catch (ex){}

	}
	window.setInterval("reinitIframe()", 200);
	</script> 
</body>

</html>